.song_details_page {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  animation: 1s songDetailsIn;

  &.page-enter,
  &.page-exit {
    position: absolute;
  }

  &.page-exit-active {
    opacity: 0;
    transition: opacity .5s, transform .5s;
  }

  .song_details_container {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    width: 60%;
    height: 90%;

    .song_details_controler {
      display: flex;
      flex-flow: column nowrap;
      justify-content: space-between;
      height: 25%;
    }
  }
}

@keyframes songDetailsIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}